<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>模板详情</title>
    <link rel="stylesheet" href="/custom/css/m/common/normalize.min.css">
    <link rel="stylesheet" href="/custom/css/m/common/common.min.css">
    <link rel="stylesheet" href="/cadmin-ajax/plugins/Swiper/dist/css/swiper.min.css">
    <link rel="stylesheet" href="/cadmin-ajax/plugins/baguette/baguetteBox.min.css">
    <link rel="stylesheet" href="/custom/css/m/acms/project-template-detail.min.css">
    <script type="text/javascript">
        function get_hfs() {
            document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        }
        get_hfs();
        function throttle(method, context) {
            clearTimeout(method.timer);
            method.timer = setTimeout(function () {
                method.call(context);
            }, 100);
        }
        window.onresize = function () {
            throttle(get_hfs);
        }
    </script>
</head>
<body class="body">
<div class="content">
    <div class="banner">
        <h1 class="banner-info">伊利大果粒<br>扫码抢红包</h1>
        <img src="/custom/img/m/acms/fudai.png" class="banner-img">
        <p class="banner-time">活动时间：2017年5月1日-12月31日</p>
        <ul class="banner-mask clearfix">
            <li class="banner-mask_item">
                <img src="/custom/img/m/acms/hot.png" class="banner-mask_hot">
            </li>
            <li class="banner-mask_item">
                <span>3000</span>个活动使用
            </li>
            <li class="banner-mask_item spread">
                #传播
            </li>
        </ul>
    </div>
    <div class="block-container clearfix p-30">
        <div class="template-title">微信砍价活动模板</div>
        <div class="template-info text-justify bor-b-1">
            消费者参加“助力采茶”活动，邀请30位朋友帮忙“采茶”，即可得到特价抢购资格。柏联集团全员通过“全员营销”系统转发，自动统计每位员工转发产生的曝光量和成交量，进行全员激励。
        </div>
        <div class="template-demo_container">
            <div class="swiper-container template-demo">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="/custom/img/m/acms/demo-img.png">
                            <div class="img-container">
                                <img src="/custom/img/m/acms/demo-img.png" alt="">
                            </div>
                            <p class="template-demo_desc text-center">自己未砍</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="/custom/img/m/acms/demo-img.png">
                            <div class="img-container">
                                <img src="/custom/img/m/acms/demo-img.png" alt="">
                            </div>
                            <p class="template-demo_desc text-center">自己已砍</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="/custom/img/m/acms/demo-img.png">
                            <div class="img-container">
                                <img src="/custom/img/m/acms/demo-img.png" alt="">
                            </div>
                            <p class="template-demo_desc text-center">朋友未砍</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="/custom/img/m/acms/demo-img.png">
                            <div class="img-container">
                                <img src="/custom/img/m/acms/demo-img.png" alt="">
                            </div>
                            <p class="template-demo_desc text-center">朋友帮砍</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="block-container clearfix p-30">
        <div class="template-title">优秀活动案例</div>
        <div class="overflow-x">
            <div class="swiper-container case-demo">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <div class="case-container">
                                <img src="/custom/img/m/acms/fudai.png" class="case-img">
                                <h1 class="case-title">伊利大果粒<br>扫码抢红包</h1>
                                <div class="case-mask">
                                    <img src="/custom/img/m/acms/fudai.png" alt="">
                                </div>
                                <div class="case-info">
                                    <p class="p">伊利春季砍价</p>
                                    <p class="p">2017/01/31-2017/06/30</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <div class="case-container">
                                <img src="/custom/img/m/acms/fudai.png" class="case-img">
                                <h1 class="case-title">翻牌</h1>
                                <div class="case-mask">
                                    <img src="/custom/img/m/acms/fudai.png" alt="">
                                </div>
                                <div class="case-info">
                                    <p class="p">伊利春季砍价</p>
                                    <p class="p">2017/01/31-2017/06/30</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="javascript:;">
                            <div class="case-container">
                                <img src="/custom/img/m/acms/fudai.png" class="case-img">
                                <h1 class="case-title">伊利大果粒<br>扫码抢红包</h1>
                                <div class="case-mask">
                                    <img src="/custom/img/m/acms/fudai.png" alt="">
                                </div>
                                <div class="case-info">
                                    <p class="p">伊利春季砍价</p>
                                    <p class="p">2017/01/31-2017/06/30</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="block-container clearfix p-30">
        <div class="template-title">活动推进建议</div>
        <div class="template-info text-justify">
            消费者参加“助力采茶”活动，邀请30位朋友帮忙“采茶”，即可得到特价抢购资格。柏联集团全员通过“全员营销”系统转发，自动统计每位员工转发产生的曝光量和成交量，进行全员激励。
            <br>消费者参加“助力采茶”活动，邀请30位朋友帮忙“采茶”，即可得到特价抢购资格。柏联集团全员通过“全员营销”系统转发，自动统计每位员工转发产生的曝光量和成交量，进行全员激励。
        </div>
    </div>
    <div class="footer text-center">
        <a href="javascript:;" class="btn btn-act_create">+ 创建活动</a>
    </div>
</div>
<script src="/cadmin-ajax/plugins/jquery/jquery-3.2.1.min.js"></script>
<script src="/custom/js/m/common/common.min.js"></script>
<script src="/cadmin-ajax/plugins/baguette/baguetteBox.min.js"></script>
<script src="/cadmin-ajax/plugins/Swiper/dist/js/swiper.jquery.min.js"></script>
<script src="/custom/js/m/acms/project-template-detail.min.js"></script>
</body>
</html>